<template>
  <div>
    <h1 class="app-container">我是根组件App.vue</h1>
    <my-header :title="header" :bgcolor="'#000'" color="#fff"></my-header>
  </div>
</template>

<script>
import MyHeader from './MyHeader/MyHeader.vue'
export default {
    name:'MyApp',
    components:{
        MyHeader
    },
    data(){
        return{
            header:'黑马程序员'
        }
    }

}
</script>

<style lang="less" scoped>
.app-container{
    margin-top: 45px;
}
</style>